<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>宿反思--考后反思一键生成</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script>
<style>.cer{text-align: center;}
.img-bg{width: 100%;height: 30rem;}
.sfq{background-color: pink;}
</style>
</head>
<body style="text-align: center;">
	<div class="box">
	<div class="container cer">
		<div class="row">
		  <div class="col-sm text-danger">
		<br>	生成反思 <br><br>
			<center>
			<div class="card" style="width: 18rem;">
				<img src="images/mh1.jfif" class="card-img-top img-bg" alt="加载失败">
				<div class="card-body">
				  <h5 class="card-title">生成反思</h5>
				  <p class="card-text">没考好？写反思却没有思路，快来点下方一键生成</p>
				  <a href="./hx/fs.html" class="btn btn-primary">一键生成</a>
				</div>
			  </div>
		  </div>
		</center>
		  <div class="col-sm text-warning">
		<br>	使用帮助 <br><br>
			<center>
			<div class="card" style="width: 18rem;"><img src="images/mh2.jfif" class="card-img-top img-bg" alt="...">
				<div class="card-body">
				  <h5 class="card-title">使用帮助</h5>
				  <p class="card-text">本站开发的程序不会使用？快来查看使用帮助</p>
				  <a href="./hx/help/index.html" class="btn btn-primary">使用帮助</a>
				</div>
			  </div>
		  </div>
		</center>
		  <div class="col-sm text-danger">
	<br>	  开发日志 <br><br>
	<center>
		<div class="card" style="width: 18rem;">
			<img src="images/mh3.jfif" class="card-src=http___hbimg.b0.upaiyun.com_24f2bd18ed8e5fd0ddd122bf3f665741cd495e7abfc4-8q8qxL_fw658&refer=http___hbiimg-top img-bg" alt="...">
			<div class="card-body">
			  <h5 class="card-title">开发日志</h5>
			  <p class="card-text">此页面记录着我们的作者宿.笙开发的点点滴滴</p>
			  <a href="#" class="btn btn-primary" onclick=kf()>立即查看</a>
			</div>
		  </div>
		  </div>
		</div>
	  </div>
	  <hr>
	</center>
	<div class="alert alert-warning" role="alert">
	说了这么多，赶快使用宿生成
	  </div>
	  <div class="accordion accordion-flush sfq" id="accordionFlushExample">
		<div class="accordion-item">
		  <h2 class="accordion-header" id="flush-headingOne">
			<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne">
			 宿生成--优点
			</button>
		  </h2>
		  <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
			<div class="accordion-body">仅需要输入您的考试分数，后台即可计算出您是否及格，以及为您生成适合您的反思</div>
		  </div>
		</div>
		<div class="accordion-item">
		  <h2 class="accordion-header" id="flush-headingTwo">
			<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
			 宿生成--致用户
			</button>
		  </h2>
		  <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
			<div class="accordion-body">由于时间问题，本站开发者宿.笙因时间问题，开发速度较快，可能会出现一些bug。后期将会修复</div>
		  </div>
		</div>
		<div class="accordion-item">
		  <h2 class="accordion-header" id="flush-headingThree">
			<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
			宿生成-开源
			</button>
		  </h2>
		  <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
			<div class="accordion-body">本站基于JavaScript开发如果您想要本站源代码，直接联系作者索要即可</div>
		  </div>
		</div>
	  </div>
	  <hr><br><br>
	  <span style="background-color: pink;border-radius: 2rem;"> <a href="https://gitee.com/sush666/reflection-on-su.git" style="text-decoration: none;">Gitee开源下载</a> </span>
	</div>
	  <style>
		  .qq{display: none;}
	  </style>
	  <div class="qq">
         <br> <h1>疑似QQ打开，抱歉暂不支持QQ打开本链接请使用手机浏览器进行访问。</h1>
	  </div>
</body>
</html>
<script>
	window.onload=function(){
		alert("请不要在QQ打开要不然会运行错误，请在浏览器打开切记")
		if (prompt) {
		}else{
			document.querySelector(".qq").style.display="block";
			document.querySelector(".box").style.display="none"
		}
		}

	function kf(){
		alert("抱歉，这个页面正在开发中")
	}
</script>